/* @flow */
'use strict';

var React = require('react-native');

var {
  StyleSheet,
  View,
  ActivityIndicatorIOS
} = React;

class ActivityIndicatorIOSView extends React.Component {
  render() {
    return (
      <View style={styles.centering}>
	      <ActivityIndicatorIOS
	        animating={true}
	        size="large"
	      />

	      <ActivityIndicatorIOS
	        animating={true}
	        size="small"
	        color='#C4002D'
	      />
      </View>
    );
  }
}

var styles = StyleSheet.create({
  centering: {
  	flex:1,
    alignItems: 'center',
    justifyContent: 'center',
  }
});


module.exports = ActivityIndicatorIOSView;
